<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page">

    <div data-role="header">
        <h1>welcome</h1>
    </div>

    <div data-role="content">
        <div>

        </div>
        <ul data-role="listview" data-autodividers="true" data-inset="true" data-filter="true">
            <li><a href="#"><img src="framept.jpg"><h1>Adam</h1></a></li>
            <li><a href="#"><img src="framept.jpg"><h1>Angela</h1></a></li>
            <li><a href="#"><img src="framept.jpg"><h1>Bill</h1></a></li>
        </ul>
    </div>

    <div data-role="footer" data-position="fixed">
        <h1>2015</h1>
    </div>
</div>
</body>
</html>